﻿<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no" name="viewport">
<meta content="yes" name="apple-mobile-web-app-capable" />
<meta content="black" name="apple-mobile-web-app-status-bar-style" />
<meta content="telephone=no" name="format-detection" />
<title>搜九福</title>
<!--标准mui.css-->
<link rel="stylesheet" href="{:_SKIN}/weixin/so9/css/mui.min.css">
<!--App自定义的css-->
<link rel="stylesheet" type="text/css" href="{:_SKIN}/weixin/so9/css/base.css">
<link rel="stylesheet" type="text/css" href="{:_SKIN}/weixin/so9/css/common.css">
{:jq()}
<script src="{:_SKIN}/weixin/so9/js/common.js" ></script>
<script src="{:_SKIN}/weixin/so9/js/touchslide.1.1.js"></script>
<style>
html,body,.mui-content{ max-width:100%; }
.mui-scroll-wrapper{  height:40px; width:auto; right:10px;}
.hot-pro-bot-box{ margin-top:40px;}
.mui-icon-back:before, .mui-icon-left-nav:before{ background-image:url({:_SKIN}/weixin/so9/pic/h-back-white.png);}
.mui-bar{ background-color:#e01222;border-bottom:none;}
.mui-title{ height:50px; line-height:50px; }
.header h1{ color:#fff;}

.nav-out{ position:fixed; top:50px;}
.nav-con{ top:90px; bottom:53px;}
  .percentage-out { height: 16px;line-height: 16px}
</style>
</head>

<body>
  <div id="header" class="search-head header mui-bar mui-bar-nav">
    <a href="{:url('index')}" style="float: left">
      <i class="iconfont icon-fanhui zuo bai font_20"></i>
    </a>
    <h1 class="mui-title">搜9福</h1>
    <div class="notice-box">
      <span class="notice-icon"><img src="{:_SKIN}/weixin/so9/pic/notice-icon.png"></span>
      <span>消息</span>
    </div>
  </div>
  <!--header-end-->


  <!--footer-end-->
<div class="mui-content">
  
  <!--导航-->
  <!--<div class="nav-out">
    <div class="hot-pro-nav">
      <div class="mui-scroll-wrapper">
          <ul class="mui-scroll clearfix">
            <li><a class="active" href="javascript:void(0)">秒杀活动</a></li>
            <li><a href="javascript:void(0)">集单活动</a></li>
            <li><a href="javascript:void(0)">1小时购</a></li>
            <li><a href="javascript:void(0)">拼团活动</a></li>
            
          </ul>
      </div>
    </div>
  </div>-->
  <!--导航-->

  <!--折叠展开列表内容-->
  
  <!--折叠展开列表内容-->
   <!--Banner-->
  <div class="banner" id="index-banner" style="height: 175px; overflow: hidden;">
    <div class="banner-pics">
      <ul class="banner-pics-list OnSale-banner">
      {volist name="ad" id="v"}
        <li><a href="javascript:void(0)"><img src="{$v.pic}" alt=""/></a></li>
      {/volist} 
      </ul>
    </div>
    <ul class="banner-tit">
       {volist name="ad" id="v"}

      <li></li>
       {/volist} 
    </ul>
  </div>
  <script type="text/javascript">
          TouchSlide({
              slideCell:"#index-banner",
              titCell:".banner-tit li",//开启自动分页 autoPage:true ，此时设置 titCell 为导航元素包裹层
              mainCell:".banner-pics-list",
              effect:"left",
              autoPlay:true,//自动播放
              //autoPage:true, //自动分页
              })
  </script> 
  <!--banner-end--> 
  <!--排序-->
  <div class="sort-list">
    <ul class="goods-all-tit-list clearfix">


        <li><a class="jd" href="{:url('so9',['type'=>'jd'])}">集单活动</a></li>
       <!--  <li><a class="ms" href="{:url('so9',['type'=>'ms'])}">在线秒杀</a></li>
         <li><a class="jsg" href="{:url('so9',['type'=>'jsg'])}">一小时购</a></li>
          <li><a class="pt" href="{:url('so9',['type'=>'pt'])}">在线拼团</a></li> -->




    </ul>
  </div>
  <!--排序-->
  <!--活动列表-->
  <div class="cash-back-group">


    {switch name="type"}

    {case value="ms"}

   <img src="http://img.hf0557.com/2017/09/13/Fs2uwsAJKcYN98O9cX4IJsxpQKaJ95.jpg" width="100%">
    {volist name="list" id="v"}
     
    <div class="cash-back-item">
      <div class="cash-back-img"><a href="{:url('seckill',['id'=>$v['id']])}"><img src="{:config('cdn')}{$v.pic}"></a></div>
      <div class="cash-back-tit">
        <h2>{$v.name}</h2>
        <span>{$v.desc1}</span>
      </div>
      <div class="cash-back-bot clearfix">
        <div class="comments-list-bot-price fl">
          <em style="">￥<b><s>{$v.oldprice}</s></b></em>
          <span>￥</span>
          <strong>{$v.price}</strong>
        </div>
        <div class="fr clearfix">
          <div class="percentage-out"><div class="percentage-in" style="width:30%"></div><em>秒杀</em></div>
          <div class="cash-back-robbed">人气<em>{$v.click}</em></div>
        </div>
      </div>
    </div>


    {/volist}


    {/case}



    {case value="jd"}

<img src="http://img.hf0557.com/2017/09/13/Fv2lHhaWAZtkYfS5iqUnMp7-cv0b95.jpg" width="100%">
    {volist name="list" id="v"}

    <div class="cash-back-item">
      <div class="cash-back-img"><a href="{:url('gather',['id'=>$v['id']])}"><img src="{:config('cdn')}{$v.pic}"></a></div>
      <div class="cash-back-tit">
        <h2>{$v.name}</h2>
        <span>{$v.desc1}</span>
      </div>
      <div class="cash-back-bot clearfix">
        <div class="comments-list-bot-price fl">
          <em>￥<b><s>{$v.oldprice}</s></b></em>
          <span>￥</span>
          <strong>{$v.price}</strong>
        </div>
        <div class="fr clearfix">
          <div class="percentage-out"><div class="percentage-in" style="width:30%"></div><em>集单</em></div>
          <div class="cash-back-robbed">人气<em>{$v.click}</em></div>
        </div>
      </div>
    </div>


    {/volist}


    {/case}


{case value="jsg"}

<img src="http://img.hf0557.com/2017/09/13/Fn2Rb1CCfySVs5nkEHbIIKEvei7F95.jpg" width="100%">
    {volist name="list" id="v"}

    <div class="cash-back-item">
      <div class="cash-back-img"><a href="{:url('hour',['id'=>$v['id']])}"><img src="{:config('cdn')}{$v.pic}"></a></div>
      <div class="cash-back-tit">
        <h2>{$v.name}</h2>
        <span>{$v.desc1}</span>
      </div>
      <div class="cash-back-bot clearfix">
        <div class="comments-list-bot-price fl">
          <em>￥<b><s>{$v.oldprice}</s></b></em>
          <span>￥</span>
          <strong>{$v.s1}</strong>
        </div>
        <div class="fr clearfix">
          <div class="percentage-out"><div class="percentage-in" style="width:30%"></div><em>一小时购</em></div>
          <div class="cash-back-robbed">人气<em>{$v.click}</em></div>
        </div>
      </div>
    </div>


    {/volist}


    {/case}



{case value="pt"}

<img src="http://img.hf0557.com/2017/09/13/Ft8YkZmWNoKs8OFmkVvARcITxuUh95.jpg" width="100%">
    {volist name="list" id="v"}

    <div class="cash-back-item">
      <div class="cash-back-img"><a href="{:url('together',['id'=>$v['id']])}"><img src="{:config('cdn')}{$v.pic}"></a></div>
      <div class="cash-back-tit">
        <h2>{$v.name}</h2>
        <span>{$v.desc1}</span>
      </div>
      <div class="cash-back-bot clearfix">
        <div class="comments-list-bot-price fl">
          <em>￥<b><s>{$v.oldprice}</s></b></em>
          <span>￥</span>
          <strong>{$v.s10}</strong>
        </div>
        <div class="fr clearfix">
          <div class="percentage-out"><div class="percentage-in" style="width:30%"></div><em>拼团</em></div>
          <div class="cash-back-robbed">人气<em>{$v.click}</em></div>
        </div>
      </div>
    </div>


    {/volist}


    {/case}


    {/switch}





  </div>
  <!--活动列表-->
</div>

<!--container-end-->
<script src="{:_SKIN}/weixin/so9/js/mui.min.js"></script>
  <link rel="stylesheet" type="text/css" href="http://at.alicdn.com/t/font_400457_vapvxk8ci8uxr.css"/>
  <link rel="stylesheet" type="text/css" href="{:_SKIN}/weixin/shop/css/font-icon.css"/>
  <link rel="stylesheet" type="text/css" href="{:_SKIN}/weixin/shop/css/reset.css"/>

<script>
var ct="{$type}";
$("."+ct).addClass('on');

</script>

 <script src="//res.wx.qq.com/open/js/jweixin-1.2.0.js"></script>

    <script type="text/javascript">
        wx.config({$qm|json_encode});

       var data= {
    title: ' 秒杀、集单尽在搜九福', // 分享标题
    link: 'http://sohe.77wx.cn/weixin/shop/so9', // 分享链接
     desc: '“搜九福”四大活动隆重开启！秒杀、集单、团购、1小时拍，总有一款产品、一个价格，打动你心！',
    imgUrl: 'http://img.hf0557.com/2017/09/09/FpIsx9wUGO9vL8tp_y2m0XthoLIn317.jpg', // 分享图标
    success: function () { 
        // 用户确认分享后执行的回调函数
    },
    cancel: function () { 
        // 用户取消分享后执行的回调函数
    }
   }

        wx.ready(function () {

           wx.onMenuShareTimeline(data);

           wx.onMenuShareAppMessage(data);


        });

    </script>
</body>
</html>
